@import (reference) "./../../shared/common";
@import (reference) "./../../shared/color";
@border: 1px solid #EAEAEA;
@border-radius: 5px;
@height-tab: 95px;

:host{
  height: 200px;
  .display-flex;
  .flex(0, 0);
} 
.stock-combo-container {
  .display-flex;
}
.bottom-container {
  .display-flex;
  .flex;
}

.stock-combo-container {
  position: relative;
  height: 100%;
  info-list {
    .flex;
    .display-flex;
  }
  .flex(0,0);
  border-top: @border-simple-dark;
  .info-list-container, .fund-list-container, .trade-list-container, .block-list-container {
    .display-flex(row);
    height: 100%;
    .list-heading, hr {
      margin: 0
    }
  }
  .fund-list-container {
    .flex;
    .fund-list-item {
      width: 10px;
      .flex-grow(1);
    }
  }
  &.simplify-combo {
    .info-list-container, .fund-list-container, .trade-list-container, .block-list-container {
      height: 100%;
    }
  }

  .bottom-container {
    height: 100%;
    overflow: auto;
    background-color: @color-white;
    border-top: 1px solid @color-gray-main;
  }
}